<template>
    <div>
        <!-- mobile-menu-area start -->
		<div class="mobile-menu-area">
			<div class="container">
				<div class="row">
					<div class="col-md-12">
						<div class="mobile-menu">
							<nav id="dropdown">
								<ul>
									<li>
										<a class="active1" href="index.html">
											Home
										</a>
										<ul>
											<li>
												<a href="index.html">
													home version 1
												</a>
											</li>
											<li>
												<a href="index-2.html">
													home version 2
												</a>
											</li>
											<li>
												<a href="index-3.html">
													home version 3
												</a>
											</li>
										</ul>
									</li>
									<li class="active1">
										<a class="active1" href="#">
											Pages
										</a>
										<ul>
											<li>
												<a href="about-us.html">
													about us
												</a>
											</li>
											<li>
												<a href="cart.html">
													cart
												</a>
											</li>
											<li>
												<a href="checkout.html">
													checkout
												</a>
											</li>
											<li>
												<a href="wishlist.html">
													wishlist
												</a>
											</li>
											<li>
												<a href="login.html">
													login
												</a>
											</li>
											<li>
												<a href="register.html">
													register
												</a>
											</li>
											<li>
												<a href="contact.html">
													contact
												</a>
											</li>
											<li>
												<a href="shop-page.html">
													shop page
												</a>
											</li>
											<li>
												<a href="shop-list.html">
													shop list
												</a>
											</li>
											<li>
												<a href="single-product.html">
													single product
												</a>
											</li>
											<li>
												<a href="404.html">
													404 page
												</a>
											</li>
										</ul>
									</li>
									<li class="active1">
										<a class="active1" href="#">
											Blog
										</a>
										<ul>
											<li>
												<a href="blog-page.html">
													blog-page
												</a>
											</li>
											<li>
												<a href="blog-sidebar.html">
													blog left sidebar
												</a>
											</li>
											<li>
												<a href="blog-right-sidebar.html">
													blog right sidebar
												</a>
											</li>
											<li>
												<a href="blog-details.html">
													blog-details
												</a>
											</li>
										</ul>
									</li>
									<li>
										<a href="about-us.html">
											about us
										</a>
									</li>
									<li>
										<a href="contact.html">
											Contacts
										</a>
									</li>
								</ul>
							</nav>
						</div>
					</div>
				</div>
			</div>
		</div>
		<!-- mobile-menu-area end -->
		<!-- breadcrumbs start -->
		<div class="breadcrumbs-area breadcrumb-bg ptb-100">
			<div class="container">
				<div class="breadcrumbs text-center">
					<h2 class="breadcrumb-title">
						blog page
					</h2>
					<ul>
						<li>
							<a class="active" href="index.html">
								Home
							</a>
						</li>
						<li>
							blog
						</li>
					</ul>
				</div>
			</div>
		</div>
		<!-- breadcrumbs area end -->
		<!-- blog area start -->
		<div class="blog-fullwidth-area pt-100 pb-70">
			<div class="container">
				<div class="row">
					<div class="col-md-4 col-sm-6">
						<div class="blog-details mb-30">
							<div class="blog-img">
								<a href="blog-details.html">
									<img src="assets/img/blog/1.jpg" alt="">
								</a>
								<div class="blog-quick-view">
									<a href="blog-details.html">
										<i class="pe-7s-link">
										</i>
									</a>
								</div>
							</div>
							<div class="blog-meta">
								<h4>
									<a href="blog-details.html">
										Women’s Fashion 2018
									</a>
								</h4>
								<ul class="meta">
									<li>
										By
										<a href="#">
											admin
										</a>
									</li>
									<li>
										25 june 2018
									</li>
								</ul>
								<p>
									Lorem Ipsum is that it has a more-or-less normal of letters, as opposed
									to using 'Content here, distribution content here..
								</p>
								<a href="blog-details.html">
									read more
									<i class="fa fa-long-arrow-right">
									</i>
								</a>
							</div>
						</div>
					</div>
					<div class="col-md-4 col-sm-6">
						<div class="blog-details mb-30">
							<div class="blog-img">
								<a href="blog-details.html">
									<img src="assets/img/blog/2.jpg" alt="">
								</a>
								<div class="blog-quick-view">
									<a href="blog-details.html">
										<i class="pe-7s-link">
										</i>
									</a>
								</div>
							</div>
							<div class="blog-meta">
								<h4>
									<a href="blog-details.html">
										Women’s Fashion 2018
									</a>
								</h4>
								<ul class="meta">
									<li>
										By
										<a href="#">
											admin
										</a>
									</li>
									<li>
										25 june 2018
									</li>
								</ul>
								<p>
									Lorem Ipsum is that it has a more-or-less normal of letters, as opposed
									to using 'Content here, distribution content here..
								</p>
								<a href="blog-details.html">
									read more
									<i class="fa fa-long-arrow-right">
									</i>
								</a>
							</div>
						</div>
					</div>
					<div class="col-md-4 col-sm-6">
						<div class="blog-details mb-30">
							<div class="blog-img">
								<a href="blog-details.html">
									<img src="assets/img/blog/3.jpg" alt="">
								</a>
								<div class="blog-quick-view">
									<a href="blog-details.html">
										<i class="pe-7s-link">
										</i>
									</a>
								</div>
							</div>
							<div class="blog-meta">
								<h4>
									<a href="blog-details.html">
										Women’s Fashion 2018
									</a>
								</h4>
								<ul class="meta">
									<li>
										By
										<a href="#">
											admin
										</a>
									</li>
									<li>
										25 june 2018
									</li>
								</ul>
								<p>
									Lorem Ipsum is that it has a more-or-less normal of letters, as opposed
									to using 'Content here, distribution content here..
								</p>
								<a href="blog-details.html">
									read more
									<i class="fa fa-long-arrow-right">
									</i>
								</a>
							</div>
						</div>
					</div>
					<div class="col-md-4 col-sm-6">
						<div class="blog-details mb-30">
							<div class="blog-img">
								<a href="blog-details.html">
									<img src="assets/img/blog/4.jpg" alt="">
								</a>
								<div class="blog-quick-view">
									<a href="blog-details.html">
										<i class="pe-7s-link">
										</i>
									</a>
								</div>
							</div>
							<div class="blog-meta">
								<h4>
									<a href="blog-details.html">
										Women’s Fashion 2018
									</a>
								</h4>
								<ul class="meta">
									<li>
										By
										<a href="#">
											admin
										</a>
									</li>
									<li>
										25 june 2018
									</li>
								</ul>
								<p>
									Lorem Ipsum is that it has a more-or-less normal of letters, as opposed
									to using 'Content here, distribution content here..
								</p>
								<a href="blog-details.html">
									read more
									<i class="fa fa-long-arrow-right">
									</i>
								</a>
							</div>
						</div>
					</div>
					<div class="col-md-4 col-sm-6">
						<div class="blog-details mb-30">
							<div class="blog-img">
								<a href="blog-details.html">
									<img src="assets/img/blog/5.jpg" alt="">
								</a>
								<div class="blog-quick-view">
									<a href="blog-details.html">
										<i class="pe-7s-link">
										</i>
									</a>
								</div>
							</div>
							<div class="blog-meta">
								<h4>
									<a href="blog-details.html">
										Women’s Fashion 2018
									</a>
								</h4>
								<ul class="meta">
									<li>
										By
										<a href="#">
											admin
										</a>
									</li>
									<li>
										25 june 2018
									</li>
								</ul>
								<p>
									Lorem Ipsum is that it has a more-or-less normal of letters, as opposed
									to using 'Content here, distribution content here..
								</p>
								<a href="blog-details.html">
									read more
									<i class="fa fa-long-arrow-right">
									</i>
								</a>
							</div>
						</div>
					</div>
					<div class="col-md-4 col-sm-6">
						<div class="blog-details mb-30">
							<div class="blog-img">
								<a href="blog-details.html">
									<img src="assets/img/blog/6.jpg" alt="">
								</a>
								<div class="blog-quick-view">
									<a href="blog-details.html">
										<i class="pe-7s-link">
										</i>
									</a>
								</div>
							</div>
							<div class="blog-meta">
								<h4>
									<a href="blog-details.html">
										Women’s Fashion 2018
									</a>
								</h4>
								<ul class="meta">
									<li>
										By
										<a href="#">
											admin
										</a>
									</li>
									<li>
										25 june 2018
									</li>
								</ul>
								<p>
									Lorem Ipsum is that it has a more-or-less normal of letters, as opposed
									to using 'Content here, distribution content here..
								</p>
								<a href="blog-details.html">
									read more
									<i class="fa fa-long-arrow-right">
									</i>
								</a>
							</div>
						</div>
					</div>
				</div>
				<div class="row">
					<div class="col-md-12">
						<div class="page-pagination text-center">
							<ul>
								<li>
									<a class="active" href="#">
										1
									</a>
								</li>
								<li>
									<a href="#">
										2
									</a>
								</li>
								<li>
									<a href="#">
										3
									</a>
								</li>
								<li>
									<a href="#">
										4
									</a>
								</li>
								<li>
									<a href="#">
										<i class="fa fa-angle-double-right">
										</i>
									</a>
								</li>
							</ul>
						</div>
					</div>
				</div>
			</div>
		</div>
		<!-- blog area end -->
    </div>
</template>
<script>
module.exports = {
  data: function () {
    return {};
  },
  };
</script>